<script setup lang="ts">
import { ref } from 'vue'
import radioCell from '@/components/radio-cell.vue'

const emit = defineEmits(['close'])
const kfPhone = import.meta.env.VITE_APP_KF_PHONE || ''
const show = ref(false)
defineExpose({
  show,
})
function handleClose() {
  show.value = false
}
</script>

<template>
  <wd-popup v-model="show" lock-scroll position="bottom" :safe-area-inset-bottom="true" closable custom-style="height: auto;padding-bottom: 40rpx;overflow: hidden;border-radius: 32rpx 32rpx 0 0;" @close="handleClose">
    <view class="wot-form-title">
      【 客服 ＞ 售后服务 】
    </view>
    <scroll-view scroll-y>
      <view class="mt-40rpx">
        <wd-row class="mb-40rpx">
          <wd-col :span="8">
            <view class="text-right">
              官方客服：
            </view>
          </wd-col>
          <wd-col :span="12">
            <view class="text-center">
              <wd-img :width="150" :height="150" src="https://wap.mch.yuntbq.com/static/images/gfkf.jpg" />
              <view>
                电话：<text class="text-#007aff">
                  {{ kfPhone }}
                </text>
              </view>
            </view>
          </wd-col>
        </wd-row>
      </view>
      <view class="mt-40rpx">
        <wd-row>
          <wd-col :span="8">
            <view class="text-right">
              官方公众号：
            </view>
          </wd-col>
          <wd-col :span="12">
            <view class="text-center">
              <wd-img :width="150" :height="150" src="https://wap.mch.yuntbq.com/static/images/gzh.jpg" />
              <view class="text-#007aff">
                物联云商户服务平台
              </view>
            </view>
          </wd-col>
        </wd-row>
      </view>
      <view class="my-40rpx">
        <wd-row>
          <wd-col :span="8">
            <view class="text-right">
              技术支持：
            </view>
          </wd-col>
          <wd-col :span="12">
            <view class="text-center text-#007aff">
              请联系销售业务与技术部协助处理.
            </view>
          </wd-col>
        </wd-row>
      </view>
    </scroll-view>
  </wd-popup>
</template>

<style lang="scss" scoped>
.desc{
    padding: 40rpx 20rpx;
    line-height: 40rpx;
    font-size: 24rpx;
    color: #ED6A0C;
}
</style>
